<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/DTD/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>dLite - lightweight JavaScript library with the vital functions - allows you to control development</title>
	<style type="text/css">
		@import url("css/dlite.css");
	</style>
	<!--[if lt IE 7]>
		<link rel="stylesheet" href="css/ie.css" type="text/css">
	<![endif]-->
	<link rel="Shortcut icon" href="http://www.robertnyman.com/dlite/images/favicon.png">
</head>

<body>
	
	<div id="container">
			<div id="header">
				<h1>
					<a id="logo" href="index.html"><img src="images/logo.png" alt="dLite"></a>
				</h1>
				<div id="navigation">
					<ul>
						<li><a href="index.html" class="home">Home</a></li>
						<li class="last"><a href="documentation/index.html" class="documentation">Documentation</a></li>
					</ul>
				</div>
			</div>
			
			<div id="main-content">
				
				<div id="download">
					<h3>Download dLite</h3>
					<p>
						<a href="http://code.google.com/p/dlite/downloads/detail?name=dLite-1.0.js" class="download">dLite <span class="file-size">(7.9kb)</span></a>
					</p>
					<p>
						<a href="http://code.google.com/p/dlite/downloads/detail?name=dLiteCompressed-1.0.js" class="download">dLite, compressed <span class="file-size">(4.2kb)</span></a>
					</p>
					<div id="download-shadow"></div>
				</div>
				
				<h2>dLite - Your little JavaScript friend</h2>
				<p>The dLite JavaScript library offers you the functions you <em>always</em> use, whatever web site you are developing. It contains of rock-solid base functions and then lets you develop specific features. No bulk functionality, guaranteed!</p>
				<p>The functions are:</p>
				<ul id="features">
					<li><strong>elm</strong> - find element with a certain id</li>
					<li><strong>elmsByClass</strong> - find elements with a certain class name</li>
					<li><strong>DOMReady</strong> - run functions as soon as the DOM is loaded</li>
					<li><strong>addClass</strong> - add a class name</li>
					<li><strong>removeClass</strong> - remove a class name</li>
					<li><strong>addEvent</strong> - add an event handler</li>
					<li><strong>removeEvent</strong> - remove an event handler</li>
					<li><strong>stopDefault</strong> - prevents the default behavior of an event</li>
					<li><strong>cancelBubbling</strong> - cancels the bubbling of an event</li>
				</ul>
		
			<div id="footer">
				<i>Created by Robert Nyman, <a href="http://www.robertnyman.com">http://www.robertnyman.com</a>. <br>Released under a <a href="http://www.opensource.org/licenses/mit-license.php">MIT License</a>.</i>
			</div>	
										
			</div>
					
	</div>
	
	<div class="stat-hide">
		<!-- Google Analytics code -->
		<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
		<script type="text/javascript">
			_uacct = "UA-56164-1";
			urchinTracker();
		</script>

		<!-- Start of StatCounter Code -->
		<script type="text/javascript">
		<!-- 
		var sc_project=593937; 
		var sc_partition=4; 
		var sc_security="175a1fec"; 
		//-->
		</script>

		<script type="text/javascript" src="http://www.statcounter.com/counter/counter_xhtml.js"></script><noscript><div class="statcounter"><a class="statcounter" href="http://www.statcounter.com/"><img class="statcounter" src="http://c5.statcounter.com/counter.php?sc_project=593937&amp;java=0&amp;security=175a1fec" alt="free geoip" /></a></div></noscript>
		<!-- End of StatCounter Code -->
	</div>
	
	
</body>
</html>